<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            text-decoration: none;
        }
        .A {                
            width: 100%;
            height: 80px;
            background-color: rgb(40, 39, 39);
            margin-top: 0px;
            position: relative;
        }
        .r a{
            margin-top: 30px;
        }
        .A img {
            width: 200px;
            height: 70px;
            margin-left: 100px;
        }

        .A a {
            overflow: hidden;
            float: left;
            margin-left: 20px;
            text-decoration: none;
            color: rgb(197, 193, 193)
        }

        .A a:hover {
            color: black;
        }

        .A span {
            margin-left: 300px;
            font-size: 15px;
            margin-top: 0px;
        }

        .A span a {
            margin-left: 50px;
        }

        .A div>a:hover {
            background-color: black;
        }

        .sousuolan {
            margin-left: 600px;
            margin-top: -23px;
        }

        .u {
            text-align: right;
            margin-right: 240px;
            font-size: 14px;
            margin-top: 5px;
        }

        .srch {
            width: auto;
            height: auto;
        }

        .y {
            text-align: right;
            margin-right: 180px;
            font-size: 14px;
        }

        .B {
            width: 100%;
            height: 40px;
            background-color: rgb(153, 32, 32);
            position: relative;
        }

        .B a:hover {
            color: rgb(60, 8, 8);
        }

        .j a {
            overflow: hidden;
            text-align: center;
            text-decoration: none;
            color: rgb(255, 255, 255)
        }

        .B span {
            margin-left: 295px;
            font-size: 12px;
            margin-top: 5px;
        }

        .B span a {
            margin-left: 67px;
        }

        .B div>a:hover {
            background-color: brown;
        }

        .D {
            width: 800px;
            height: 1300px;
            background-color: rgb(224, 193, 193);
            margin-left: 400px;
            position: relative;
        }

        .remen {
            width: 60%;
            margin: 0px auto;
            overflow: hidden;
            background-color: rgb(238, 244, 244);
            margin-top: 20px;
        }

        .remenge {
            width: 100%;
        }

        .remenge div {
            float: left;
            margin-left: 4%;
        }

        h3 {
            margin-left: 2%;
        }

        h5 {
            width: 100px;
            height: 20px;
            overflow: hidden;
            margin-top: 5px;
        }

        p {
            font-size: 12px;
        }

        hr {
            width: 93%;
        }

        a {
            text-decoration: none;
        }

        a:link {
            color: black;
        }

        a:hover {
            color: black;
        }

        a:visited {
            color: black;
        }

        .dibuyemian {
            background-color: aliceblue;
            width: 100%;
            height: 300px;
            text-align: center;
            margin-top: 116px;
        }

        .dibuyemian p {
            font-size: 30px;
        }
    </style>
</head>

<body>
    <div class="A">
        <h1>
            <a href="">
                <img src="./index/1.png" width="2%" alt="">
            </a>
        </h1>
        <span class="r">
            <a href="">发现音乐</a>
            <a href="./cyx2.html">我的音乐</a>
            <a href="">关注</a>
            <a href="">商城</a>
            <a href="">音乐人</a>
            <a href="">云推歌</a>
            <a href="">下载客户端</a>
        </span>
        <div class="sousuolan">
            <span>
                <input type="text" name="srch" id="srch" class="txt j-flag" value="" style="opacity: 1;">
                <label class="ph j-flag" id="auto-id-5kXDSJsX7hGleFb7"></label>
            </span>
        </div>
    </div>
    <div class="B">
        <span class="j">
            <a href="">推荐</a>
            <a href="">排行榜</a>
            <a href="">歌单</a>
            <a href="">博客有声书</a>
            <a href="">歌手</a>
            <a href="">新碟上架</a>
        </span>
    </div>
    <div class="remen">
        <div>
            <h3>全部</h3>
        </div>
        <hr>
        <div class="remenge">
            <div><a href="">
                    <img src="./index/remen1.png" alt="">
                    <h5>那些你熟悉却又不知道名字的轻音乐</h5>
                    <p>by Lelow</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/remen2.png" alt="">
                    <h5>春核美学 | 绿意 盎然 鲜活 旺盛 生命力</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/remen3.png" alt="">
                    <h5>向你展露的那部分天真 是我错了</h5>
                    <p>by 谤语</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/remen4.png" alt="">
                    <h5>你说你的过去总是让你掉眼泪</h5>
                    <p>by 想起我多不好</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/remen5.png" alt="">
                    <h5>命缘相思苦刀斩不断忧郁</h5>
                    <p>by 露露在发呆</p>
                </a>
            </div>
        </div>
        <div class="remenge">
            <div><a href="">
                    <img src="./index/gedan6.png" alt="">
                    <h5>合伙人推荐/爱上华语R&B这辈子就定型了</h5>
                    <p>by 音乐合伙人 </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/gedan7.png" alt="">
                    <h5>【高质量纯音】带你放松｜享受自然</h5>
                    <p>方by 桃子雨酱 </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/gedan9.png" alt="">
                    <h5>身处旷野，任何方向都是前方</h5>
                    <p>by 凌晨一点的莱茵猫 </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/gedan10.png" alt="">
                    <h5>求你 不要嫌弃我手腕上的疤和发抖的手.</h5>
                    <p>by 悲莯</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/gedan8.png" alt="">
                    <h5>emo旋律/我的两种极端 过度分享和一言不发</h5>
                    <p>by 玩偶zZ </p>
                </a>
            </div>
        </div>
        <div class="remenge">
            <div><a href="">
                    <img src="./index/31.png" alt="">
                    <h5>『甜度值100%』幸运降临 甜妹登场！</h5>
                    <p>by 凌晨一点的莱茵猫 </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege32.png" alt="">
                    <h5>女巫专用｜“ 我们是女巫的女儿们”</h5>
                    <p>by Inobel</p>
                </a>
            </div>
            <div><a href="">
                    <img src=".//index/rege33.png" alt="">
                    <h5>『欧美R&B』如果忧郁是种天赋</h5>
                    <p>by 只是长胖Zzz</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege34.png" alt="">
                    <h5>【2025音律联觉】熠曲丰碑歌单正序</h5>
                    <p>by 医疗干员_MAT</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege35.png" alt="">
                    <h5>emo旋律/我的两种极端 过度分享和一言不发</h5>
                    <p>by 玩偶zZ </p>
                </a>
            </div>
        </div>
        <div class="remenge">
            <div><a href="">
                    <img src="./index/rege41.png" alt="">
                    <h5>无前奏R&B | 开口脆 没有前奏的歌就像强吻</h5>
                    <p>by 凌晨一点的莱茵猫 </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege42.png" alt="">
                    <h5>轻快日式浪漫|温柔花绽夜之谣</h5>
                    <p>by Fpiscesy </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege43.png" alt="">
                    <h5>无前奏R&B | 开口沦陷 强吻般浪漫布鲁斯</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege44.png" alt="">
                    <h5>粉色心情 | 可爱 甜蜜 少女 专属心动歌单</h5>
                    <p>by 凌晨一点的莱茵猫 </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege45.png" alt="">
                    <h5>如果泪水比爱多那我们就划船吧.</h5>
                    <p>by 爱的痕迹斑驳</p>
                </a>
            </div>
        </div>
        <div class="remenge">
            <div><a href="">
                    <img src="./index/rege51.png" alt="">
                    <h5>梦核美学 | 渗透灵魂 量子 冥想 感知乐</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege52..png" alt="">
                    <h5>合伙人优选｜可惜你不听英文歌 也不懂我</h5>
                    <p>by 音乐合伙人</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege53.png" alt="">
                    <h5>欧美&阳光向 | 自由 律动 舒适 松弛 氛围</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege54.png" alt="">
                    <h5>渴望幸福的同时 痛苦也随着蔓延</h5>
                    <p>by 斥怡</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege55.png" alt="">
                    <h5>命缘相思苦刀斩不断忧郁</h5>
                    <p>by 命缘相思苦</p>
                </a>
            </div>
        </div>
        <div class="remenge">
            <div><a href="">
                    <img src="./index/rege61.png" alt="">
                    <h5>松弛感R&B | chill沉浸 音乐是灵魂的救心丸</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege62.png" alt="">
                    <h5>超绝进鼓|拯救心灵的超爽力量</h5>
                    <p>by iambeiqing</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege63.png" alt="">
                    <h5>远离喧嚣 沉浸在自己的幻想世界吧</h5>
                    <p>by 超Q弹的金金金</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege64.png" alt="">
                    <h5>发疯｜释放内心自由的狂野</h5>
                    <p>by 我的大招没了</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege65.png" alt="">
                    <h5>欧美hiphop高质/Trap美式/精神良剂</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
        </div>
        <div class="remenge">
            <div>
                <a href="">
                    <img src="./index/rege71.png" alt="">
                    <h5>【崩铁】星穹铁道 新春会/生日会/二创BGM</h5>
                    <p>by 卢姥爷的腿环</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege72.png" alt="">
                    <h5>幸福像似体验卡 记忆却是永久的</h5>
                    <p>by 一份椰椰冻</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege73.png" alt="">
                    <h5>「 松弛感R & B 」自由的灵魂才是幸福之源</h5>
                    <p>by 超Q弹的金金金</p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege74.png" alt="">
                    <h5>【你也喜欢·世界之外】合集歌单 | 更新中</h5>
                    <p>by Rozitohti_Rozijuma </p>
                </a>
            </div>
            <div><a href="">
                    <img src="./index/rege75.png" alt="">
                    <h5>100%松弛度/灵魂乐R&B 慵懒 迷幻氛围</h5>
                    <p>by 凌晨一点的莱茵猫</p>
                </a>
            </div>
        </div>
    </div>
    <div class="dibuyemian">
        <p>班级口号:解决他们,回家吃红烧鸡翅喽</p><br>
        <span>服务条款| 隐私政策| 儿童隐私政策| 版权投诉| 投资者关系| 广告合作 | 联系我们</span><br>
        <span>廉正举报 不良信息举报邮箱: 51jubao@service.netease.com 客服热线;95163298</span><br>
        <span>互联网宗教信息服务许可证：浙(2022)0000120 增值电信业务经营许可证;浙B2-20150198 粤B2-20090191-18  浙ICP备15006616号-4  工业和信息化部备案管理系统网站</span><br>
        <span>网易公司版权所有©1997-2025杭州乐读科技有限公司运营;浙网文[2024] 0900-042号  浙公网安备 33010802013307号 算法服务公示信息</span>
    </div>
</body>

</html>